<template>
  <view class="policy-container">
    <!-- 导航栏 -->
    <nav-bar title="隐私政策" :show-back="true" />
    
    <!-- 政策内容 -->
    <scroll-view class="content-scroll" scroll-y="true">
      <view class="policy-content">
        <view class="policy-header">
          <text class="policy-title">隐私政策</text>
          <text class="update-date">更新日期：{{ updateDate }}</text>
          <text class="effective-date">生效日期：{{ effectiveDate }}</text>
        </view>

        <view class="policy-section">
          <text class="section-title">前言</text>
          <text class="section-content">
            珠宝小程序（以下简称"我们"）深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。同时，我们承诺，我们将按业界成熟的安全标准，采取相应的安全保护措施来保护您的个人信息。
          </text>
        </view>

        <view class="policy-section">
          <text class="section-title">一、我们收集的信息</text>
          <text class="section-content">
            为了向您提供更好的服务，我们可能会收集以下信息：
          </text>
          <view class="subsection">
            <text class="subsection-title">1.1 基本信息</text>
            <text class="subsection-content">
              • 手机号码：用于账户注册、登录验证和重要信息通知
              • 微信昵称和头像：用于个人资料展示
              • 收货地址：用于订单配送服务
            </text>
          </view>
          <view class="subsection">
            <text class="subsection-title">1.2 使用信息</text>
            <text class="subsection-content">
              • 浏览记录：您在小程序中的浏览、搜索、收藏等行为信息
              • 订单信息：购买的商品、订单状态、支付信息等
              • 设备信息：设备型号、操作系统版本、网络类型等
            </text>
          </view>
        </view>

        <view class="policy-section">
          <text class="section-title">二、信息使用目的</text>
          <text class="section-content">我们收集您的信息主要用于以下目的：</text>
          <view class="purpose-list">
            <text class="purpose-item">• 提供珠宝商品展示和购买服务</text>
            <text class="purpose-item">• 处理您的订单并提供配送服务</text>
            <text class="purpose-item">• 为您提供客户服务和售后支持</text>
            <text class="purpose-item">• 改善我们的产品和服务质量</text>
            <text class="purpose-item">• 保护账户安全，防范欺诈行为</text>
            <text class="purpose-item">• 遵守相关法律法规的要求</text>
          </view>
        </view>

        <view class="policy-section">
          <text class="section-title">三、信息保护措施</text>
          <text class="section-content">
            我们采用业界先进的安全技术和程序来保护您的个人信息不被未经授权的访问、使用或泄露：
          </text>
          <view class="protection-list">
            <text class="protection-item">• 数据传输加密：使用SSL等安全协议</text>
            <text class="protection-item">• 数据存储加密：敏感数据采用加密存储</text>
            <text class="protection-item">• 访问权限控制：严格限制数据访问权限</text>
            <text class="protection-item">• 定期安全审计：定期进行安全评估和审计</text>
            <text class="protection-item">• 员工培训：定期对员工进行隐私保护培训</text>
          </view>
        </view>

        <view class="policy-section">
          <text class="section-title">四、信息共享与披露</text>
          <text class="section-content">
            我们不会向第三方出售、出租或以其他方式披露您的个人信息，但以下情况除外：
          </text>
          <view class="share-list">
            <text class="share-item">• 获得您的明确同意</text>
            <text class="share-item">• 为完成订单配送等服务所必需</text>
            <text class="share-item">• 遵守法律法规的要求</text>
            <text class="share-item">• 保护我们及用户的合法权益</text>
          </view>
        </view>

        <view class="policy-section">
          <text class="section-title">五、您的权利</text>
          <text class="section-content">关于您的个人信息，您享有以下权利：</text>
          <view class="rights-list">
            <text class="rights-item">• 访问权：您有权了解我们收集的关于您的个人信息</text>
            <text class="rights-item">• 更正权：您有权要求我们更正错误的个人信息</text>
            <text class="rights-item">• 删除权：在特定情况下，您有权要求删除个人信息</text>
            <text class="rights-item">• 撤回同意：您有权随时撤回对个人信息处理的同意</text>
          </view>
        </view>

        <view class="policy-section">
          <text class="section-title">六、未成年人保护</text>
          <text class="section-content">
            我们重视未成年人的个人信息保护。如果您是18周岁以下的未成年人，建议您请您的父母或监护人仔细阅读本隐私政策，并在征得您的父母或监护人同意后使用我们的服务或向我们提供信息。
          </text>
        </view>

        <view class="policy-section">
          <text class="section-title">七、联系我们</text>
          <text class="section-content">
            如果您对本隐私政策有任何疑问、意见或建议，请通过以下方式与我们联系：
          </text>
          <view class="contact-info">
            <text class="contact-item">客服电话：400-123-4567</text>
            <text class="contact-item">客服邮箱：privacy@zhubao.com</text>
            <text class="contact-item">工作时间：周一至周日 9:00-18:00</text>
          </view>
        </view>

        <view class="policy-footer">
          <text class="footer-text">
            本隐私政策的解释权归珠宝小程序所有。我们可能适时修订本政策的条款，修订后的政策一经公布即生效。如果您不同意修订后的政策，请停止使用我们的服务。
          </text>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script setup>
import { ref } from 'vue'

const updateDate = ref('2024年1月1日')
const effectiveDate = ref('2024年1月1日')
</script>

<style scoped>
.policy-container {
  height: 100vh;
  background-color: #f8f9fa;
}

.content-scroll {
  height: calc(100vh - 88rpx);
}

.policy-content {
  padding: 40rpx 32rpx;
  background: white;
  margin: 20rpx;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}

.policy-header {
  text-align: center;
  margin-bottom: 60rpx;
  padding-bottom: 40rpx;
  border-bottom: 2rpx solid #eee;
}

.policy-title {
  display: block;
  font-size: 48rpx;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 24rpx;
}

.update-date, .effective-date {
  display: block;
  font-size: 24rpx;
  color: #7f8c8d;
  margin-bottom: 8rpx;
}

.policy-section {
  margin-bottom: 48rpx;
}

.section-title {
  display: block;
  font-size: 32rpx;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 24rpx;
  padding-left: 16rpx;
  border-left: 6rpx solid #3498db;
}

.section-content {
  display: block;
  font-size: 28rpx;
  color: #34495e;
  line-height: 1.6;
  margin-bottom: 24rpx;
  text-align: justify;
}

.subsection {
  margin: 32rpx 0;
  padding-left: 24rpx;
}

.subsection-title {
  display: block;
  font-size: 28rpx;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16rpx;
}

.subsection-content {
  display: block;
  font-size: 26rpx;
  color: #34495e;
  line-height: 1.6;
  text-align: justify;
}

.purpose-list, .protection-list, .share-list, .rights-list {
  padding-left: 24rpx;
}

.purpose-item, .protection-item, .share-item, .rights-item {
  display: block;
  font-size: 26rpx;
  color: #34495e;
  line-height: 1.8;
  margin-bottom: 12rpx;
  text-align: justify;
}

.contact-info {
  padding: 24rpx;
  background: #f8f9fa;
  border-radius: 12rpx;
  margin-top: 24rpx;
}

.contact-item {
  display: block;
  font-size: 26rpx;
  color: #2c3e50;
  line-height: 1.6;
  margin-bottom: 8rpx;
}

.policy-footer {
  margin-top: 60rpx;
  padding-top: 40rpx;
  border-top: 2rpx solid #eee;
}

.footer-text {
  display: block;
  font-size: 24rpx;
  color: #7f8c8d;
  line-height: 1.6;
  text-align: justify;
}
</style>